@ls: #0099ff;
@tml: rgba(156, 189, 248, 0.6);
@tmb: rgba(255, 255, 255, 0.8);
@tmh: rgba(0, 0, 0, 0.2);
@bs: #ffffff;
@dyj: 0.12rem;
@zyj: 0.08rem;
@xyj: 0.04rem;
@xborder: 0.02rem;
@zborder: 0.03rem;
@cborder: 0.04rem;
@qls: rgba(156, 189, 248, 1);
@hs: #333333;
@hui_font: #999;

* {
    margin: 0;
    padding: 0;
}

html {
    min-width: 750px;
    overflow-x: hidden;
    font-family: cursive;
    body {
        -webkit-user-select: none; /* Chrome/Safari/Opera */
        -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
        user-select: none; /* Non-prefixed version, currently not supported by any browser */
        font-size: 0.16rem;
        // 滚动条整体部分
        &::-webkit-scrollbar {
            width: 8px;
        }
        // 滚动条中的滑块
        &::-webkit-scrollbar-thumb {
            border-radius: 8px;
            background: rgba(255, 255, 255, 0.8);
        }
        //鼠标移入样式
        &::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.8);
        }
        // 滚动条中的外层轨道
        &::-webkit-scrollbar-track {
            background: linear-gradient(#cc95c0, #dbd4b4, #7aa1d2);
        }
        // 滑动条两端的按钮
        &::-webkit-scrollbar-button {
            display: none;
        }
    }
    li {
        list-style: none;
    }

    a {
        text-decoration: none;
    }

    .el-message {
        min-width: 250px;
        padding: 0.05rem 0.3rem;
        display: flex !important;
        justify-content: space-around !important;

        .el-icon {
            height: 0.3rem;
            width: 0.3rem;
        }
    }

    .el-popper.is-customized {
        background: @bs;
        color: @ls;
        font-size: 14px;

        .el-popper__arrow::before {
            background: @bs;
        }
    }

    .el-dialog__header {
        background-color: @ls;
        margin: 0;
        display: flex;
        justify-content: space-between;
        padding: 10px 20px;

        .el-dialog__headerbtn {
            position: static;
            height: 20px;
            width: 16px;
            display: flex;
            justify-content: center;
            align-items: center;
            .el-dialog__close {
                color: @bs;
            }
        }
        .el-dialog__title {
            font-size: 20px;
            line-height: 20px;
            color: @bs;
        }
    }
    .el-dialog__body {
        padding: 0;
    }
    .el-button {
        height: 0.32rem;
        padding: 0 0.1rem;
        font-size: 0.2rem;
        font-weight: 900;
        color: @bs;
        border: none;
        background: #56ccf2; /* fallback for old browsers */
        background: -webkit-linear-gradient(
            to left,
            #2f80ed,
            #56ccf2
        ); /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(
            to left,
            #2f80ed,
            #56ccf2
        ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        &:active {
            color: @qls;
            background: @bs;
        }
        &:hover {
            color: @qls;
        }
    }
    .el-input__wrapper {
        color: @hui_font;
        box-shadow: 0 0 0 0 !important;
    }

    /* 针对现代浏览器 */
    input::placeholder,
    textarea::placeholder {
        font-family: cursive;
        font-size: .12rem;
        font-weight: bold;
        color: @hui_font;
        opacity: 1;
    }

    /* 针对 WebKit 浏览器（如 Chrome, Safari） */
    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder,
    .el-select__placeholder {
        font-family: cursive;
        font-size: .12rem;
        font-weight: bold;
        color: @hui_font;
    }

    /* 针对 Firefox */
    input:-moz-placeholder,
    textarea:-moz-placeholder {
        font-family: cursive;
        font-size: .12rem;
        font-weight: bold;
        color: @hui_font;
        opacity: 1; /* Firefox 需要 opacity */
    }
}
